<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>网易云</title>
	<link rel="stylesheet" type="text/css" href="CSS/reset.css">
	<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css">
	<link rel="stylesheet" type="text/css" href="CSS/webapp.css">
</head>
<body>
	<!-- header -->
	<header>
		<i class="iconfont">&#xe62f;</i>
		<form action="">
			<i class="iconfont">&#xe660;</i><input type="text" value="搜索音乐、歌词、电台">
		</form>
		<i class="iconfont">&#xe513;</i>
	</header>
	<!-- header  end-->
	<!-- nav -->
	<nav>
		<a href="">个性推荐</a>
		<a href="">歌单</a>
		<a href="">主播电台</a>
		<a href="">排行榜</a>
	</nav>
	<!-- nav end -->
	<!-- content -->
	<main>
		<section class="content">
			<article class="banner">
				<img src="images/banner.png" alt="">
			</article>
			<article class="adcontent">
				<dl>
					<dt class="iconfont">&#xe627;
</dt>
					<dd>私人FM</dd>
				</dl>
				<dl>
					<dt class="iconfont">&#xe611;</dt>
					<dd>开启个性推荐</dd>
				</dl>
				<dl>
					<dt class="iconfont">&#xe513;</dt>
					<dd>云音乐新歌榜</dd>
				</dl>
			</article>
			<article class="title">
				<aside>
					<i class="iconfont">&#xe637;</i>
					<span>推荐歌单</span>
				</aside>
				<aside>
					<i>更多</i>
					<span>&gt;</span>
				</aside>
			</article>
			<article class="imglist">
				<dl>
					<dt>
						<img src="images/pic_07.png" alt="">
					</dt>
					<dd>华语女声|那些入耳的人心的代表曲</dd>
				</dl>
				<dl>
					<dt>
						<img src="images/pic_07.png" alt="">
					</dt>
					<dd>华语女声|那些入耳的人心的代表曲</dd>
				</dl>
				<dl>
					<dt>
						<img src="images/pic_07.png" alt="">
					</dt>
					<dd>华语女声|那些入耳的人心的代表曲</dd>
				</dl>
				<dl>
					<dt>
						<img src="images/pic_07.png" alt="">
					</dt>
					<dd>华语女声|那些入耳的人心的代表曲</dd>
				</dl>
				<dl>
					<dt>
						<img src="images/pic_07.png" alt="">
					</dt>
					<dd>华语女声|那些入耳的人心的代表曲</dd>
				</dl>
				<dl>
					<dt>
						<img src="images/pic_07.png" alt="">
					</dt>
					<dd>华语女声|那些入耳的人心的代表曲</dd>
				</dl>
				<dl>
					<dt>
						<img src="images/pic_07.png" alt="">
					</dt>
					<dd>华语女声|那些入耳的人心的代表曲</dd>
				</dl>
				<dl>
					<dt>
						<img src="images/pic_07.png" alt="">
					</dt>
					<dd>华语女声|那些入耳的人心的代表曲</dd>
				</dl>
				<dl>
					<dt>
						<img src="images/pic_07.png" alt="">
					</dt>
					<dd>华语女声|那些入耳的人心的代表曲</dd>
				</dl>
				<dl>
					<dt>
						<img src="images/pic_07.png" alt="">
					</dt>
					<dd>华语女声|那些入耳的人心的代表曲</dd>
				</dl>
				<dl>
					<dt>
						<img src="images/pic_07.png" alt="">
					</dt>
					<dd>华语女声|那些入耳的人心的代表曲</dd>
				</dl>
				<dl>
					<dt>
						<img src="images/pic_07.png" alt="">
					</dt>
					<dd>华语女声|那些入耳的人心的代表曲</dd>
				</dl>
			</article>
		</section>
	</main>
	<!-- main end -->
	<!-- footer -->
	<footer>
		<aside><i class="iconfont">&#xe612;</i><span>发现音乐</span></aside>
		<aside><i class="iconfont">&#xe503;</i><span>我的音乐</span></aside>
		<aside><i class="iconfont">&#xe615;</i><span>朋友</span></aside>
		<aside><i class="iconfont">&#xe504;</i><span>账号</span></aside>
	</footer>
	<!-- foot end -->
</body>
</html>